<template>
     <div id="templ">
         <!---->
        <div class="title">
            <h4>{{info.title}}</h4>
            <p>{{info.add_time |datefmt("YYYY-MM-DD")}},  {{info.click}}次浏览</p>
        </div>
        <div id="content" v-html="info.content"></div>
         <!--2.0评论组件-->
         <comment :id="id"></comment>
     </div>
</template>

<script>
  import  common from '../../kits/common.js'
  import { Toast } from 'mint-ui'
  import comment from '../subcom/comment.vue'
 export default {
     components:{
         comment
     },
     data(){
         return{
             id:0,
             info:{}
         }
     },
     methods:{
         getnewsinfo(){
             var url= common.apidomain+"/api/getnew/"+this.id;
             this.$http.get(url).then(
                 function (response) {
                     var body =response.body;
                     if(body.status !=0){
                         Toast(body.message);
                         return;
                     }
                     this.info=body.message[0];
                 }
             )
         }
     },
     created(){
         this.id=this.$route.params.id;
         this.getnewsinfo();
     }
 }
</script>

<style>
.title h4{
    color:#0094ff;
}
.title p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}
.title ,#content{
    padding:5px;
}
</style>